<script setup lang="ts">
import { useUserInfoStore } from '../stores/user';


const userinfo = useUserInfoStore()

</script>
<template>
    <footer v-show="$route.meta.isShow" class="footer">
        <router-link to="/home">
            <span class="iconfont icon-shouye"></span>
            <p>首页</p>
        </router-link>
        <router-link to="/kind">
            <span class="iconfont icon-fenlei"></span>
            <p>分类</p>
        </router-link>
        <router-link :to="userinfo.userinfo.token ? '/cart' : '/login'">
            <span class="iconfont icon-gouwuche"></span>
            <p> {{ userinfo.userinfo.token ? '购物车' : '未登录' }} </p>
        </router-link>
        <router-link to="/my">
            <span class="iconfont icon-My"></span>
            <p>我的</p>
        </router-link>

    </footer>
</template>